.p-lr-40 {
    padding-left: 20rpx;
    padding-right: 20rpx;
}

.w-common {
    width: calc(100% - $page-content-gap * 2);
    margin: 0 auto;
}

.home-swiper {
    width: 100%;
    height: 320rpx;
    margin: 0 auto;
    &-item {
        width: 100%;
        image {
            display: block;
            border-radius: 20rpx;
            width: calc(100% - $page-content-gap * 2);
            margin: 0 auto;
            height: 320rpx;
        }
    }
}

.common-swiper {
    width: 100%;
    height: 320rpx;
    margin: 0 auto;
    &-item {
        width: 100%;
        image {
            display: block;
            border-radius: 20rpx;
            width: calc(100% - $page-content-gap * 2);
            margin: 0 auto;
            height: 320rpx;
        }
    }
}

.common-search-container {
    padding: 20rpx 0;
}

:deep(.common-search-input-section) {
    .u-search__content {
        background-color: #fff !important;

        input {
            background-color: #fff !important;
        }
    }
}

input {
    caret-color: $page-main-color !important;
}

page {
    width: 100%;
    height: 100%;
}

.page-content {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    position: relative;
    /* #ifdef MP-WEIXIN */
    &.main-page {
        height: calc(100% - $tabbar-height - env(safe-area-inset-bottom));
        .page-content-body {
            padding-bottom: 48rpx;
        }
    }
    /* #endif */
}

.page-content-body {
    flex: 1;
    overflow-y: auto;
}

.page-content-body-flex {
    display: flex;
    flex-direction: column;
}

// #ifdef APP-PLUS
* {
    touch-action: pan-y;
}
// #endif

.empty-container {
    padding: 200rpx 0;
}
